<div class="main-content" style="margin-top: 50px;">
    <!-- 内容头部 -->
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="ace-icon fa fa-user"></i>
                <a href="<?= url('Index/index') ?>">小区管理</a>
            </li>
            <li class="active">已缴费列表</li>
        </ul>
    </div>
    <!-- 内容头部 -->
    <div class="page-content">
        <div class="page-content-area">
            <style>
                .ace-file-input a {display:none;}
            </style>
            <div class="row">
                <div class="col-xs-12">
                    <!--                    <button class="btn btn-success" onclick="print_select()">打印账单</button>-->
                    <div class="alert alert-info" style="margin:10px 0;">
                        <b>总金额：0</b>　
                    </div>
                    <div id="shopList" class="grid-view">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th width="3%" style="text-align:center"><input type="checkbox" class="checkbox_all" style="wdith:20px; height:20px;"></th>
                                <th width="5%">订单编号</th>
                                <th width="5%">收银台订单编号</th>
                                <th width="5%">缴费项</th>
                                <th width="5%">已缴金额</th>
                                <th width="10%">支付时间</th>
                                <th width="10%">物业服务周期</th>
                                <th width="10%">赠送物业服务时间</th>
                                <th width="10%">服务时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<div id="print_template" style="display: none;">-->
<!--    <table class="table table-striped table-bordered table-hover">-->
<!--        <tbody>-->
<!--        <tr>-->
<!--            <th>打印模板：</th>-->
<!--            <td>-->
<!--                <select name="template" id="template">-->
<!--                    <option value="0">请选择模板</option>-->
<!--                    <option value="22">模板展示勿删</option><option value="29">4-11</option>                    </select>-->
<!--            </td>-->
<!--        </tr>-->
<!--        </tbody>-->
<!--    </table>-->
<!--</div>-->
<link rel="stylesheet" href="/assets/fastwhale_files/mydialog.css"><script type="text/javascript" src="/assets/fastwhale_files/jquery.artDialog.js.下载"></script>
<script type="text/javascript" src="/assets/fastwhale_files/iframeTools.js.下载"></script>
<script type="text/javascript" src="/assets/fastwhale_files/iframeTools.js.下载"></script>
<script>
    $(".checkbox_all").on('click',function(){
        if($(this).is(':checked')){
            $("input[name='delCheckbox[]']").prop("checked",true);
        }else{
            $("input[name='delCheckbox[]']").prop("checked",false);
        }

    });
    function Dcheckbox(e){
        var n=0;
        var len = $("input[name='delCheckbox[]']").length;
        for(var i=0;i<len;i++){
            if($("input[name='delCheckbox[]']")[i].checked) n++;
        }
        if(n==len){
            $(".checkbox_all").prop("checked",true);
        }else{
            $(".checkbox_all").prop("checked",false);
        }

    }

    function print_select(obj){

        var len = $("input[name='delCheckbox[]']:checked").length;
        if(len<=0){
            layer.alert('请选择要打印的账单');
        }else{
            var length = $("input[name='delCheckbox[]']").length;
            var value="";
            for(var i=0;i<length;i++){
                if($("input[name='delCheckbox[]']")[i].checked) value += "," + $("input[name='delCheckbox[]']")[i].value;
            }

            var href = "/shequ.php?g=House&c=User&a=payment_add&"+'ids='+value;
            var post_url = '/shequ.php?g=House&c=User&a=print_start';
            art.dialog({
                content: document.getElementById('print_template'),
                id: 'handle',
                title:'选择打印模板',
                padding: 0,
                width: 260,
                height: 120,
                lock: true,
                resize: false,
                background:'black',
                fixed: false,
                okVal:'确定',
                cancelVal:'取消',
                left: '50%',
                top: '38.2%',
                opacity:'0.4',
                ok:function (argument) {
                    var template_id = $('#template').val();
                    if (!template_id) {
                        alert('请选择打印模板');
                        return false;
                    }
                    art.dialog.open(post_url+"&ids="+value+"&template_id="+template_id,
                        {
                            id: "mydialog",
                            width: 900,
                            height: 600,
                            title: "打印预览",//如果不想要弹窗的标题，可以直接赋值为false
                            lock: true,
                            button:[{name:'关闭'}],
                        });
                    // window.open("post_url+"&cashier_id="+cashier_id+"&template_id="+template_id);
                }
            });
        }
    }
</script>
<div id="orderAlert" style="position: fixed; z-index: 999999; bottom: 5px; right: 5px; background: #e5e5e5; display: none;">
    <div style="text-align: center; margin-top: 10px; font-size: 20px; color: red;">
        <b>新订单来啦!</b> <a class="oaright" href="javascript:closeoa()">[关闭]</a>
    </div>
    <div style="margin: 20px 30px 5px 30px; cursor: pointer;" onclick="tourl()">
        您好：有<span class="label label-info" id="oanum"></span>笔新订单来了！
    </div>
    <div style="margin: 5px 30px 5px 30px; cursor: pointer;" onclick="tourl()">
        截止目前，一共有<span class="label label-info" id="oatnum"></span>笔订单未处理
    </div>
    <div class="oaright" style="bottom: 10px; margin: 5px 30px 5px 30px;">
        时间：<a id="oatime" style="text-decoration: none;"></a>
    </div>
</div>
<div style="position: fixed; top: -9999px; right: -9999px; display: none;" id="soundsw"></div>
<a href="https://shequ-demo.fastwhale.com.cn/shequ.php?g=House&amp;c=User&amp;a=orders&amp;bind_id=2093#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div>
<script>
    function newalert(title){
        bootbox.dialog({
            message: title,
            buttons: {
                "success" : {
                    "label" : "确认",
                    "className" : "btn-sm btn-primary"
                }
            }
        });
    }

    function alertshow(content){
        $('#popalertwindowcontent').html(content);
        $('#popalertwindow').show();
    }
</script>

<div style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; display: none;" id="popalertwindow">
    <div style="width: 100%; height: 100%; background: #eeeeee; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; z-index: 9999;"></div>
    <div style="position: relative; width: 500px; height: 200px; margin: 200px auto; filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 10000; background: #ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;">
        <div style="height: 40px;"></div>
        <div style="width: 400px; height: 90px; margin: 0px auto; color: #999999; text-align: center; font-size: 20px;">
            <table style="width: 400px; height: 90px;">
                <tbody>
                <tr>
                    <td id="popalertwindowcontent"></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div style="height: 20px;"></div>
        <div style="width: 80px; height: 40px; background: #eeeeee; margin: 0 auto; line-height: 40px; text-align: center; font-size: 20px; border: 1px solid #999999; cursor: pointer;" onclick="$(&#39;#popalertwindow&#39;).hide();">确认</div>
    </div>
</div>